<template>
    <div class="get-money-info-container">
        <div class="get-money-info-box">
            <div class="top-box van-hairline--bottom">
                <div class="user-price">￥285.00</div>
                <div class="user-admin">提现金额</div>
            </div>
            <div class="bottom-box">
                微信账户 (180****5678)
            </div>
        </div>
        <div class="info-box">
            <div class="info-item van-hairline--bottom acea-row row-middle row-between">
                <div class="item-left">到账时间</div>
                <div class="item-right">3-7个工作日到账</div>
            </div>
            <div class="info-item van-hairline--bottom acea-row row-middle row-between">
                <div class="item-left">创建时间</div>
                <div class="item-right">2020-01-12 15:00:00</div>
            </div>
            <div class="info-item acea-row row-middle row-between">
                <div class="item-left">交易单号</div>
                <div class="item-right">202001121500032</div>
            </div>
        </div>
        <Button color="#FF8D51" :block="true" class="btn">确认</Button>
    </div>
</template>

<script>
    import { Button } from 'vant';
    export default {
        name: "GetMoneyInfo",
        components:{
            Button
        },
        data() {
            return {}
        }
    }
</script>

<style scoped lang="scss">
    .get-money-info-container{
        .get-money-info-box{
            width:345px;
            background:rgba(255,255,255,1);
            border-radius:8px;
            margin: 15px;
            .top-box{
                height: 122px;
                overflow: hidden;
                .user-price{
                    font-size:28px;
                    font-weight:500;
                    color:rgba(255,141,81,1);
                    text-align: center;
                    margin-top: 30px;
                }
                .user-admin{
                    font-size:14px;
                    font-weight:400;
                    color:rgba(66,69,95,1);
                    text-align: center;
                    margin-top: 10px;
                }
            }
            .bottom-box{
                height: 62px;
                text-align: center;
                line-height: 62px;
                font-size:14px;
                font-weight:400;
                color:rgba(66,69,95,1);
            }
        }
        .info-box{
            width:345px;
            background:rgba(255,255,255,1);
            border-radius:8px;
            padding: 0 25px;
            margin: 0 auto;
            .info-item{
                height: 60px;
                font-size:14px;
                font-weight:400;
                .item-left{
                    color: #42455F;
                }
                .item-right{
                    color: #A3A5B1;
                }
            }
        }
        .btn{
            margin: 40px auto;
            width:305px;
            height:50px;
            border-radius:6px;
        }
    }
</style>
